<!DOCTYPE html>
<html>
    <head>
        <title>Virtual Fashion</title>
        <meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no">	
		<meta property="og:image" content="http://punkoffice.com/vfashion/assets/ogimage.jpg" />
        <meta property="og:image:type" content="image/jpeg" />
        <meta property="og:image:width" content="1200" />
        <meta property="og:image:height" content="630" />
        <meta property="og:url" content="http://punkoffice.com/vfashion/" />
        <meta property="og:type" content="website" />
        <meta property="og:title" content="Virtual fashion" />
        <meta property="og:description" content="3D clothing on 3D people" />
        <meta property="fb:app_id" content="1713617305542836"/>
        <script src="lib/hand-1.3.8.js"></script>
        <script src="lib/babylon403.js"></script>
        <script src="lib/babylonjs.materials.min_new.js"></script>
        <script src="lib/stat.js"></script>
        <script src="lib/jquery-latest.min.js"></script>
        <script src="lib/jquery-ui.min.js"></script>
        <script src="lib/jquery.ui.touch-punch.min.js"></script>
        <link rel="stylesheet" type="text/css" href="style.css">
        <link rel="stylesheet" type="text/css" href="jquery-ui.min.css">
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
            ga('create', 'UA-43031697-2', 'auto');
            ga('send', 'pageview');
        </script>
    </head>
    <body>
        <div id="POlogo" onclick="document.location='http://punkoffice.com'"></div>
		<div id="VR" onclick="enableVR()"></div>
        <div id="loading"></div>
        <div id="clothes1" class="items">
            <ul>
                <li><div class="price">$12.95</div><img class="grow" onClick="changeClothes('top1')" src="assets/top1.jpg"></li>
                <li><div class="price">$29.50</div><img class="grow" onClick="changeClothes('shorts1')" src="assets/shorts1.jpg"></li>
            </ul>
        </div>
        <div id="clothes2" class="items">
            <ul>
                <li><div class="price">$14.50</div><img class="grow" onClick="changeClothes('top2')" src="assets/top2.jpg"></li>
                <li><div class="price">$35.20</div><img class="grow" onClick="changeClothes('shorts2')" src="assets/shorts2.jpg"></li>
            </ul>
        </div>
        <canvas id="canvas"></canvas>
        <script src="main.js"></script>
    </body>
</html>
